AJAX学习

一、什么是AJAX？

异步javascript和xml

-------节省用户操作时间，提高用户体验，减少数据请求
-------传输获取数据

二、AJAX的简单交互流程：

    


<form action="1.get.php">
    <input type="text" name="username">
    <input type="submit" value="提交">
</form>

var btn1=document.getElementById("btn1")

btn1.onclick=function(){
    
    //打开浏览器   创建一个AJAX对象
    var xhr=new XMLHttpRequest()
    
    //在地址栏输入地址
    
    xhr.open('get','1.txt.txt',true)

    //提交
    xhr.send()
    
    //等待服务器返回内容
    xhr.onreadystatechange=function(){
        if(xhr.readyState==4){
            alert(xhr.responseText)
        }
    }
}

三、兼容IE6办法

1. var xhr=null;
       

   if(window.XMLHttpRequest){

      xhr=new XMLHttpRequest()
      

   }else{

      xhr=new Activ

   }

2.利用try catch方法

try{ xhr=new XMLHttpRequest();

}catch(e){
xhr=new ActiveXObject('Microsoft.XMLHTTP')
}

四、open方法

参数：1、打开方式 2、地址 3、是否异步

表单：数据的提交

action:数据提交的地址
method:数据提交的方式

1.get:把数据